<template>
  <!-- router-view是占位组件,用来存放路由组件  -->
  <!-- 
    缓存路由组件：
    -路由的切换过程 》》组件的挂载和卸载过程，有的路由会切换的比较频繁
    如果不希望它频繁的卸载和挂载
    -缓存路由组件使用<keep-alive></keep-alive>包裹<router-view></router-view>
    -给keep-alive 设置一个include属性 值是 字符串 或数组（组件的名称）
    设置哪些组件是需要缓存的
    keep-alive 只会缓存当前包含的替代router-view的组件，不会深层次的控制
   -->
   <!-- <keep-alive :include="['Home','Login']"> -->
    <router-view></router-view>
   <!-- </keep-alive> -->
  
</template>

<script>
export default {
  name: "App",
 
  mounted() {
    console.log(this);
  },
};
</script>

<style>
</style>